<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>
		pomelo test
	</title>
	<!--<script src="./socket.io.js"></script>-->
	<script src="js/lib/build/build.js" type="text/javascript"></script>
	<script src="js/vue.js" type="text/javascript"></script>
	<script type="text/javascript">
		require('boot');
	</script>

	<style type="text/css">
		input {
			width: 40px;
		}
		
		button {
			border: 1px solid black;
			margin-right: 20px;
			/*background-color: white;*/
		}
		
		#leaveGame {
			color: red;
		}
		
		#msgList {
			/*height: 320px;*/
			padding: 2px 10px;
			overflow: auto;
			/*border: 1px solid blue;*/
		}
		
		#msgList li {
			/*list-style-type: decimal-leading-zero;*/
			list-style: none;
		}
		
		#playerList li {
			list-style-type: decimal-leading-zero;
		}

		.time {
			color: blue;
		}
	</style>
</head>

<body>
	<h1>Pomelo test</h1>
	<div id="gameOperate">
		<button v-on:click="clearMsgs">清除记录</button>
		<br /><br />
		<div id="playerList">
			<li v-for="player in roomData">
				{{ '用户:' + player.playerId + ' | name: ' + player.name + ' | coin: ' + player.coin}}
			</li>
		</div>
		<br /><br /> 游戏ID： <input v-model="gameId"> 用户ID： <input v-model="playerId"> 房间ID： <input v-model="rid">
		<br /> 下注位置： <input v-model="bidPos"> 下注: <input v-model="bidNum">
		<br /><br />
		<button v-on:click="enterGame">进入游戏</button>
		<button id="leaveGame" v-on:click="leaveGame">退出游戏</button>
		<button id="exitGame" v-on:click="exitGame">停止游戏</button>
		<br /><br />
		<button v-on:click="applyBanker">上庄</button>
		<button v-on:click="bid">下注</button>
		<br />
		<p>{{ bankerInfo }}</p>
		<div v-html="currInfo">
			<!--<p>{{ currInfo }}</p>-->
		</div>

		<br />
		<div id="msgList">
			<li v-for="msg in msgs">
				<span class='time'>{{ msg.time }}</span> : 
				<span> {{ msg.msg}} </span>
			</li>
		</div>
	</div>
</body>

<script src="./test/util.js" type="text/javascript"></script>
<script src="./test/bjl.js" type="text/javascript"></script>

</html>